@import '../kit/styleKitIndex.scss';

/********提示信息********/
@mixin message-style {
    width:357px;
    height: 38px;
    line-height: 22px;
    color: #fff;
    border-radius:0;
    font-size: 14px;
    text-align: left;
    box-shadow: none;
}
/*普通提示*/
.ivu-message-info-g{
    .ivu-message-notice-content{
        @include message-style;
        background-color: #888888;
    }
}
.ivu-message-info-g .ivu-message-info .ivu-icon,.ivu-message-info-g .ivu-message-loading .ivu-icon{
    color:#fff;
}
/*成功提示*/
.ivu-message-success-g{
    .ivu-message-notice-content{
        @include message-style;
        background-color: #3dc1b2;
    }
}
.ivu-message-success-g .ivu-message-success .ivu-icon{
    color:#fff;
}
/*错误和失败提示*/
.ivu-message-warning-g{
    .ivu-message-notice-content{
        @include message-style;
        background-color: #ff0000;
    }
}
.ivu-message-warning-g .ivu-message-warning .ivu-icon{
    color:#fff;
}
/*非常严重的警告提示*/
.ivu-message-error-g{
    .ivu-message-notice-content{
        @include message-style;
        background-color: #ffbe2e;
    }
}
.ivu-message-error-g .ivu-message-error .ivu-icon{
    color:#fff;
}


/********日期样式********/
.dataPiakerText{
    padding-right:8px;
    color:$color-font2;
    font-size: $font-size;
}


/********表格样式********/
.zlst-table{
    /*width:100%;
    height: 100%;
    padding-right: 18px;
    padding-left: 18px;
    overflow: auto;
    min-width:1080px;*/
}
.ivu-table-wrapper{
    border:1px solid #ededed;
    border-bottom:0;
    border-right:0;
    /* min-width: $window-min-width - $frame-nav-width; */
    .ivu-table:before{
        background-color:#ededed ;
    }
    .ivu-table:after{
        background-color:#ededed ;
    }
    .ivu-table{
        th {
            border: none;
            background-color: #f5f6f7;
            color:$color-font4;
            font-size: $font-size;
            height: 36px;
        }
        td{
            border: none;
            color:$color-font2;
            font-size: $font-size;
        }
    }
    .ivu-table-stripe .ivu-table-body tr:nth-child(2n) td, .ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{
        background-color: #f8f9fa;
    }
    .ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td, .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td{
        background-color: #edf1f4;
    }
}


/********文本输入框基本样式********/
/*@mixin placeholder ($css) {
    ::-webkit-input-placeholder {$css}
    :-moz-placeholder           {$css}
    ::-moz-placeholder          {$css}
    :placeholder      {$css}
}
@include placeholder(color: #cbcbcc);*/
.ivu-input{
    height: $input-height;
    border-radius:2px;
    border:1px solid $color-button-border1;
    font-size: $font-size;
}
.ivu-input-icon {
    height: $input-height;
    line-height: $input-height;
}


/********上下式列表样式********/
.z-list-up-down{
    .z-list-up-down-cont{
        padding:8px 2px 10px 8px;
        .list-up{
            .list-up-left{
                display: inline-block;
            }
            .list-up-right{
                float: right;
                padding-right:2px;
            }
        }
        .list-down{
            padding-top:4px;
            .list-down-left{
                display: inline-block;
            }
            .list-down-right{
                float: right;
                padding-right:2px;
            }
        }
    }
    .border-dashed{
        border-bottom:1px dashed #eeefef;
    }
    .border-solid{
        border-bottom:1px solid #eeefef;
    }
}



/********分类式列表样式********/
.classify-list{
    .classify-list-container{
        border-bottom:1px dashed #ededed;
        margin-bottom:20px;
        .classify-list-title{
            color:$color-font3;
            font-size: $font-size;
            padding-bottom:10px;
        }
        .classify-list-content{
            .ivu-checkbox-wrapper{
                margin: 0;
                width: 33%;
                color:$color-font2;
                font-size: $font-size;
                padding-bottom:13px;
            }
        }
    }
}


/********标题栏样式********/
.z-title{
    color:$color-font2;
    .z-title-container{
        cursor:pointer;
        .z-title-text{
            display: inline-block;
        }
    }
}

/********表格头部menu样式********/
.z-table-menu{
    padding: 15px 0;
    .z-table-menu-left{
        float: left;
    }
    .z-table-menu-right{
        float:right;
        .iconfont{
            cursor: pointer;
            margin-right: 15px;
            &:before{
                padding-right: 3px;
            }
        }
    }
}
